<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>DiLan</title>
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/icons/font/bootstrap-icons.min.css">
    <style>
        .footer{
            display: flex;
            background-color: #274271;
            width: 100%;
            height: 313px;
            margin-top: 100%;
        }
        .left{
            display: flex;
            margin: 50px auto;
        }
        .right{
            display: flex;
            color: white;
            font-size: 25px;
            margin: 40px auto;
        }
        .right ul li{
            padding: 10px;
        }
    </style>
</head>
<body>
<div class="footer">
    <div class="left">
        <img src="../html/static/img/logo.png" style="width: 220px;height: 220px;">
        <div style="color: white;font-size: 70px; margin: 55px 80px">510梦想工作室</div>
    </div>
    <div class="right">
        <ul>
            <li>联系方式：</li>
            <li>地址：中国矿业大学徐海学院主楼-608</li>
            <li>版权所有：©中国矿业大学徐海学院510梦想工作室</li>
            <li>XXXXXXXXX</li>
        </ul>
    </div>
</div>
</body>
</html>